@charset "utf-8";
.multi-upload-container{background: #f4f5f9;border: 1px solid #ababab;width: 98%;height: 100%;min-height: 300px;margin: 2px auto;overflow-x: hidden;overflow-y: auto;}
.multi-upload{ position: relative;height: 100%;width: 100%;}
.multi-upload .header-bar{width: 100%;height: 30px;border-bottom: 1px solid #ababab;padding-top:6px; }
.multi-upload .header-bar span{float: right;margin-right: 30px;background:lightblue ;border: 1px solid #87a3c1;border-radius: 3px;padding: 0 4px;height: 22px;cursor: pointer;}

.multi-upload .image-wrapper{padding: 10px;}
.multi-upload .image-wrapper .item-box {float: left;height: 150px;width:150px;margin: 5px;position: relative;border: 1px solid #ccc;}
.multi-upload .image-wrapper .item-box.action{background: url(../images/upload2.png) no-repeat center;background-size: 100% 100%;}

.multi-upload .image-wrapper .item-box.click{box-shadow: 3px 3px 4px #ff93ac, -3px -3px 4px #ff93ac, -3px 3px 4px #ff93ac, 3px -3px 4px #ff93ac;}

.multi-upload .image-wrapper .action .uploadify{position: absolute;top:0;left: 0;}
.multi-upload .image-wrapper .action .uploadify .swfupload{position: absolute;top:0;left: 0;}
.multi-upload .image-wrapper .action .uploadify-queue{display: none;}
.multi-upload .image-wrapper .item-box .img-item{height: 100%;width: 100%;position: relative;}
.multi-upload .image-wrapper .item-box .img-item img{left: -9000px;width: 150px;height: 150px;} /*将原始大小的图片置于窗口之外*/
/*.multi-upload .image-wrapper .item-box .img-item .image-close{ background: url("../images/close.png") repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;height: 17px;width: 17px;position: absolute;right: 0;z-index: 1;}*/
.multi-upload .image-wrapper .item-box .handle-chk{top:0;left:0;z-index: 30;display: none;}

.multi-upload .image-wrapper .item-box .handle-bar{width: 100%;height: 30px;line-height: 30px;
    position:relative;bottom:30px;text-align: center;background:rgba(229, 229, 229, 0.85);display: none;}/**/
.multi-upload .image-wrapper .item-box:hover .handle-bar{display:block;}
.multi-upload .image-wrapper .item-box .handle-bar span{display: inline-block;width: 20px;height: 20px;background: url(../images/multi_base.png) no-repeat scroll;margin: 6px 5px 0 5px;}
.multi-upload .image-wrapper .item-box .handle-bar .edit{ background-position:0 -5310px;}
.multi-upload .image-wrapper .item-box .handle-bar .edit:hover{background-position:0 -5338px;}
.multi-upload .image-wrapper .item-box .handle-bar .del{background-position: 0 -4610px;}
.multi-upload .image-wrapper .item-box .handle-bar .del:hover{background-position:  0 -4638px;}


#multi-editor-box{display: none;border: 1px solid #ccc;position: absolute;width: 410px;max-height: 350px;overflow-y: auto;right: 0;background: rgba(229, 229, 229, 1);border-radius: 5px;z-index: 3999;}
#multi-editor-box table td{padding: 5px 8px;}
#multi-editor-box table td input,#multi-editor-box table td textarea{border-radius: 3px;background: #fff;width:100%;border: 1px solid #ccc;padding: 3px 2px;}
#multi-editor-box table td textarea{resize:none;}
#multi-editor-box table td button{border-radius: 3px;border: 1px solid #ccc;margin: 0 10px;padding: 3px;}
#multi-editor-box .arrow{
    position: absolute;
    display: inline-block;
    height: 0;
    width: 0;
    left: 0;
    top: 0;
    margin-top: -15px;
    margin-left:15px; 
}
#multi-editor-box i.arrow_out {
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #000;
    margin-top: -16px;
}
#multi-editor-box i.arrow_in {
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #000;//rgba(229, 229, 229, 1);
}